<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- header on -->
<header class="gl-header">
  <div class="gl-inner cf">
  	<h1 class="bl-hd-school">Annie M.G. Schmidtschool</h1>
    <div class="bl-hd-location">
    	<select>
      	<option value="1">De Graaflaan</option>
        <option value="2">Van Hoornbeekstraat</option>
        <option value="3">Doedijnstraat</option>
      </select>
    </div>
    <dl class="bl-hd-user">
    	<dt>andre.jilderda@angistudio.com</dt>
      <dd class="el-mail"><a href="#" title="Correspondentie">Correspondentie</a></dd>
      <dd><a href="#" title="Instellingen">Instellingen</a></dd>
      <dd><a href="#" title="Uitloggen">Uitloggen</a></dd>
    </dl>
  </div>
</header>
<!-- header off -->
<!-- content on -->
<div class="gl-tabs">
	<div class="gl-inner cf">
  	<ul class="bl-ls-tabs bl-ls-tabs-main">
      <li class="el-active"><a href="#" title="Overzicht">Overzicht</a></li>
      <li><a href="#" title="2016/2017">2016<span>/</span>2017</a></li>
      <li><a href="#" title="2017/2018">2017<span>/</span>2018</a></li>
      <li><a href="#" title="2017/2018">2018<span>/</span>2019</a></li>
    </ul>
    <div class="bl-ls-search">
    	<p><a class="el-modal" href="#" title="Kind zoeken of aanmelden"><span>Kind zoeken <em>of</em> aanmelden</span></a></p>
      <div class="bl-sh-modal">
        <div class="bl-sh-form">
        	<form action="include/search-empty.json">
            <div class="un-form-bsn" data-radio-id="type_bsn">
              <div class="cf">
                <p class="un-col">
                  <label>Vul BSN in.</label>
                  <input type="text" id="code_bsn" value="">
                  <button class="el-btn-orange" type="submit"><span>Ga</span></button>
                </p>
              </div>
            </div>
            <div class="un-form-name" data-radio-id="type_name">
              <div class="cf">
                <p class="un-col">
                  <label>Achternaam</label>
                  <input class="el-small" type="text" id="code_name" value="">
                </p>
                <p class="un-col">
                  <label>Geboortedatum</label>
                  <input class="el-small" type="text" value="">
                  <button class="el-btn-orange" type="submit"><span>Ga</span></button>
                </p>
              </div>
            </div>
            <ul class="un-form-type cf">
              <li><input type="radio" name="type_zoek" id="type_bsn" /><label for="type_bsn">BSN</label></li>
              <li><input type="radio" name="type_zoek" id="type_name" /><label for="type_name">Achternaam, geboortedatum</label> </li>
              <li><a class="el-help" data-position="e" href="#tip_zoek"></a></li>
            </ul>
            <!-- tooltip content on -->
            <div class="un-tip-data" id="tip_zoek">
              <h4>Zoek kind</h4>
              <p>In GBA staan gegevens van kinderen van 1-jarige leeftijd. Om een kind aan te melden, wijzigen of af te melden kunt u een kind vinden op BSN of briefcode. Als alternatief kunt ook op achternaam en geboortedatum zoeken. Als een kind niet gevonden wordt kunt u deze alsnog  aanmelden.</p>
            </div>
            <!-- tooltip content off -->
          </form>
        </div>
        <div class="bl-sh-info">
          <h4>Kinderen buiten Den Haag of zonder BSN</h4>
          <p>Soms kunt u een kind niet vinden. Bijvoorbeeld als een kind buiten Den Haag woont of geen BSN heeft. In dit geval kunt u de gegevens handmatig invoeren op een lege kindkaart.</p>
          <p><a href="#" title="Een kind handmatig invoeren">Een kind handmatig invoeren</a></p>
        </div>
      </div>
    </div>

  </div>
</div>
<div class="gl-def">
	<div class="gl-inner cf">
	  	<section class="bl-st">
	    	<div class="un-st-ttl main-un-st-ttl cf">
	      	<h2>Instellingen voor de Samenwerkingsschool Balans</h2>
	        <p>Het leerllingplafond en het account van de schooldirecteur kunt u instellen in de Wegwijzer-applicatie</p>
	      </div>
	      <div class="un-st-accord">
	      	<h3>Correspondentieadres wijzigen</h3>
	        <div class="un-st-data">
	        	<p>TEST.</p>
	        </div>
	        <h3>Accounts toevoegen en verwijderen</h3>
	        <div class="un-st-data">
	        	<p>TEST.</p>
	        </div>
	        <h3 class="el-open">Toelatingscriteria</h3>
	        <div class="un-st-data un-st-data-main un-st-crit">
				<div class="bl-ls-main w">
					<div class="un-ls-filter un-ls-filter-main cf">
						<ul>
							<li class="el-active"><a href="#" title="2017/2018"><strong><span>2017/2018</span></strong></a></li>
							<li><a href="#" title="2016/2017"><strong><span>2016/2017</span></strong></a></li>
							<li><a href="#" title="2015/2016"><strong><span>2015/2016</span></strong></a></li>
						</ul>
					</div>
					<div class="un-ls-action un-ls-action-main un-ls-tp cf w m">
						<div class="un-ls-note">
							<p>Onderstaande criteria zijn automatisch overgenomen van vorig jaar. U moet deze daarom controleren en bevestigen. Na bevestiging kunt u de criteria nog aanpassen tot 1 oktober 2014.</p>
							
							<p class="un-row-chk cf">
							    <input type="checkbox" name="" id="mdl_inp_01">
							    <label for="mdl_inp_01">Onderstaande toelatingscriteria kloppen voor schooljaar 2017/2018</label>
							    <button class="el-btn-orange" type="submit"><span>Bevestig toelatingscriteria</span></button>
							</p>
						</div>  
					</div>
					<div class="un-ls-location">
      					<dl class="un-row cf">
				        	<dt>Schoollocatie:</dt>
				          	<dd>
					          	<select id="frm_inp_12">
					            	<option>Balans, Samenwerkingsschool</option>
					            </select>
				          	</dd>
			                <dd>
			                	<input id="frm_rdo_in_01" type="checkbox" value=""><label for="frm_rdo_in_01">Deze locatie maakt gebruik van toelatingscriteria</label>
			                </dd>
				        </dl>
      				</div>
					<div class="t-w main-t-w">
						<table>
							<thead>
								<tr>
									<th class="el-number"></th>
									<th class="el-year">Schooljaar</th>
									<th class="el-abbreviation">Afkorting</th>
									<th class="el-criteria">Criterium</th>
									<th class="el-buttons"></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="el-number-td">1</td>
									<td>2016/2017</td>
									<td>Overg.</td>
									<td>Overgangsregeling</td>
									<td class="button-block">
										<span class="toggle-up"><a href="#" title="Up"></a></span>
										<span class="toggle-down"><a href="#" title="Down"></a></span>
									</td>
								</tr>
								<tr>
									<td class="el-number-td">2</td>
									<td>2016/2017</td>
									<td>Buurt</td>
									<td>Woont in de buurt</td>
									<td class="button-block">
										<span class="toggle-up"><a href="#" title="Up"></a></span>
										<span class="toggle-down"><a href="#" title="Down"></a></span>
									</td>
								</tr>
								<tr>
									<td class="el-number-td">3</td>
									<td>2016/2017</td>
									<td>B/Z</td>
									<td>Broertje/zusje</td>
									<td class="button-block">
										<span class="toggle-up"><a href="#" title="Up"></a></span>
										<span class="toggle-down"><a href="#" title="Down"></a></span>
									</td>
								</tr>
								<tr>
									<td class="el-number-td">4</td>
									<td>2016/2017</td>
									<td>Geloof</td>
									<td>Onderschrijft de grondslag</td>
									<td class="button-block">
										<span class="toggle-up"><a href="#" title="Up"></a></span>
										<span class="toggle-down"><a href="#" title="Down"></a></span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="block-abbreviation">
						<dl class="un-row un-row-main cf">
				        	<dt><label for="frm_inp_02">Voer een afkorting/criterium in</label></dt>
							<dd>
								<input id="frm_inp_02" type="text" class="el-inp-20" value=""><input type="text" class="el-inp-80" value="">
								<button class="el-btn-orange" disabled="disabled" type="submit"><span>Toevoegen &rsaquo;</span></button>
							</dd>
				        </dl>
					</div>
				</div>
	        </div>
	        <h3>Toelatings- en afwijsbrieven</h3>
	        <div class="un-st-data">
	        	<p>TEST.</p>
	        </div>
	        <h3>Wachtwoord wijzigen</h3>
	        <div class="un-st-data">
	        	<p>TEST.</p>
	        </div>
	      </div>
	    </section>
	</div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="gl-footer">
	<div class="gl-inner cf">
    <ul class="bl-ft-nav">
      <li><a href="#" title="Handleiding">Handleiding</a></li>
      <li><a href="#" title="Helpdesk">Helpdesk</a></li>
      <li class="el-external"><a href="#" title="Meer informatie">Meer informatie</a></li>
    </ul>
    <div class="bl-ft-logos">
    	<p>Initiatief van het Platform Primair Onderwijs en de gemeente Den Haag</p>
      <figure><a href="#" title="Den Haag"><img src="images/ft-logo-dh.gif" alt="Den Haag"></a></figure>
      <figure><a href="#" title="PPO"><img src="images/ft-logo-ppo.gif" alt="PPO"></a></figure>
    </div>
  </div>
</footer>
<!-- footer off -->
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>